<!-- 物料信息模块 -->
<script setup lang="jsx">
import { ref } from 'vue';
import dayjs from 'dayjs';
import useResetTableRef from '@/hooks/common/resetTableRef';
import { getMaterial } from '@/service/api/modules/trace/one-code-trace';
import Materiel from './components/materiel.vue';

const isGetOk = ref(false);

// 板材信息
const boardList = [
  {
    key: 'fullProdNo',
    title: '生产型号'
  },
  {
    key: 'matNo',
    title: '物料编码'
  },
  {
    key: 'matName',
    title: '物料名称'
  },
  {
    key: 'sheetChange',
    title: '板材型号'
  },
  {
    key: 'sheetType',
    title: '类型(物料)'
  },
  {
    key: 'miSheetType',
    title: '类型(MI)'
  },
  {
    key: 'thickness',
    title: '板厚'
  },

  {
    key: 'copperThickness',
    title: '底铜厚度'
  },
  {
    key: 'length',
    title: '长(径向)'
  },
  {
    key: 'width',
    title: '宽(玮向)'
  },
  {
    key: 'copperBearing',
    title: '是否含铜'
  },
  {
    key: 'halogen',
    title: '有无卤素'
  },
  {
    key: 'tg',
    title: 'TG值'
  },
  {
    key: 'prodDate',
    title: '生产日期',
    customRender: ({ record }) => {
      if (!record.prodDate) {
        return '';
      }
      return dayjs(record.prodDate).format('YYYY-MM-DD');
    }
  },
  {
    key: 'expiryDate',
    title: '失效日期',
    customRender: ({ record }) => {
      if (!record.expiryDate) {
        return '';
      }
      return dayjs(record.expiryDate).format('YYYY-MM-DD');
    }
  },
  {
    key: 'batchNo',
    title: '供应商批次'
  },

  {
    key: 'splOrderNo',
    title: '采购单号'
  },

  {
    key: 'supplierNo',
    title: '供应商编码'
  },
  {
    key: 'barcode',
    title: '物料批次'
  },

  {
    key: 'deliveryOrder',
    title: '送货单号'
  },

  {
    key: 'createUser',
    title: '创建人'
  },
  {
    key: 'createTime',
    title: '创建时间',
    customRender: ({ record }) => {
      if (!record.createTime) {
        return '';
      }
      return dayjs(record.createTime).format('YYYY-MM-DD HH:mm:ss');
    }
  }
];

const [boardInfo, resetBoardInfo] = useResetTableRef({
  // cuttingSheetMaterialsUuid: '7261fd19b87399cc1bdfa18065c0162f',
  // prodId: null,
  // fullProdNo: 'HP4754008A0-B',
  // lotId: null,
  // lotNo: '1241206024001',
  // peSpecif: null,
  // matNo: 'AAFTBDK02111100820490Y3N111Y1',
  // matName: '覆铜板',
  // prodDate: '2024-11-25 00:00:00',
  // expiryDate: '2026-11-24 00:00:00',
  // batchNo: 'T3N4F241125P2B5',
  // deliveryOrder: '4500072717',
  // supplierNo: 'CQDK01',
  // barcode: '2411261706561006',
  // splOrderNo: '4500072717',
  // qty: 10,
  // version: 0,
  // sheetType: 'FR-4',
  // miSheetType: 'FR-4',
  // sheetChange: 'DK-C150',
  // length: '82.00',
  // width: '49.00',
  // tg: '150',
  // halogen: null,
  // copperBearing: '含铜',
  // copperFoilType: 'HTE/HTE',
  // copperThickness: '1/1',
  // thickness: '1.10',
  // cti: '175',
  // miSheetChange: 'S1000H',
  // miLength: '82.00',
  // miWidth: '49.00',
  // miTg: '150',
  // miHalogen: '//',
  // miCopperBearing: '含铜',
  // miCopperThickness: '1/1',
  // miThickness: '1.10',
  // miCti: '175',
  // createUser: '周涛',
  // createTime: '2024-12-07 10:29:20',
  // lmUser: '周涛',
  // lmTime: '2024-12-07 10:29:20'
});

// PP信息
const ppList = [
  {
    key: 'fullProdNo',
    dataIndex: 'fullProdNo',
    title: '生产型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },

  {
    key: 'matNo',
    dataIndex: 'matNo',
    title: '物料型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 280
  },
  {
    key: 'barcode',
    dataIndex: 'barcode',
    title: '物料批次',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 170
  },
  {
    key: 'matName',
    dataIndex: 'matName',
    title: '物料名称',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 150
  },
  {
    key: 'prodDate',
    dataIndex: 'prodDate',
    title: '生产时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 150,
    customRender: ({ record }) => {
      if (!record.prodDate) {
        return '';
      }
      return dayjs(record.prodDate).format('YYYY-MM-DD');
    }
  },
  {
    key: 'expiryDate',
    dataIndex: 'expiryDate',
    title: '失效时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 150,
    customRender: ({ record }) => {
      if (!record.expiryDate) {
        return '';
      }
      return dayjs(record.expiryDate).format('YYYY-MM-DD');
    }
  },
  {
    key: 'batchNo',
    dataIndex: 'batchNo',
    title: '供应商批次',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 160
  },
  {
    key: 'deliveryOrder',
    dataIndex: 'deliveryOrder',
    title: '送货单号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'supplierNo',
    dataIndex: 'supplierNo',
    title: '供应商编码',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'splOrderNo',
    dataIndex: 'splOrderNo',
    title: '采购编号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'specifications',
    dataIndex: 'specifications',
    title: '规格',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 360
  },
  {
    key: 'modelNum',
    dataIndex: 'modelNum',
    title: '型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 150
  },

  {
    key: 'brand',
    dataIndex: 'brand',
    title: '品牌',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 150
  },
  {
    key: 'fabric',
    dataIndex: 'fabric',
    title: '布种',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },
  {
    key: 'resin',
    dataIndex: 'resin',
    title: '树脂含量',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },
  {
    key: 'tg',
    dataIndex: 'tg',
    title: 'TG值',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },
  {
    key: 'length',
    dataIndex: 'length',
    title: '长度',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 130
  },
  {
    key: 'width',
    dataIndex: 'width',
    title: '宽度',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 130
  },
  {
    key: 'cti',
    dataIndex: 'cti',
    title: 'Cti值',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },
  {
    key: 'colour',
    dataIndex: 'colour',
    title: '颜色',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },
  {
    key: 'halogen',
    dataIndex: 'halogen',
    title: '有无卤素',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120,
    customRender: ({ record }) => {
      return Number(record.halogen) === 0 ? '是' : '否';
    }
  },
  {
    key: 'mark',
    dataIndex: 'mark',
    title: '标识',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'createUser',
    dataIndex: 'createUser',
    title: '创建人',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },
  {
    key: 'createTime',
    dataIndex: 'createTime',
    title: '创建时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 160,
    customRender: ({ record }) => {
      if (!record.createTime) {
        return '';
      }
      return dayjs(record.createTime).format('YYYY-MM-DD HH:mm:ss');
    }
  }
];

const [ppInfo, resetPpInfo] = useResetTableRef({
  // id: '1864962416637374465',
  // prodId: 2407081150311001,
  // fullProdNo: 'HP4960004A1',
  // lotId: 2412040835091000,
  // lotNo: '1241204012001',
  // matNo: 'AAPP026762845042Y11',
  // matName: 'PP',
  // prodDate: '2024-11-21 00:00:00',
  // expiryDate: '2025-02-18 00:00:00',
  // batchNo: 'DEBUAF106U0',
  // deliveryOrder: null,
  // supplierNo: 'JXNY01',
  // barcode: 2411240930,
  // splOrderNo: 4500071880,
  // createUser: '杨青霞',
  // createTime: '2024-12-06 17:17:44',
  // lmUser: null,
  // lmTime: null,
  // deleted: 0,
  // modelNum: 'NY2170P',
  // brand: '南亚（江西）',
  // fabric: 'RoHS',
  // resin: '45%',
  // tg: '170',
  // length: '150.0000',
  // width: '1260.0000',
  // cti: '175',
  // colour: '黄色',
  // halogen: null,
  // mark: '7628',
  // remarks: null,
  // specifications: 'NY2170P 7628 45% TG170 150m',
  // layerIndex: null
});

console.log('ppInfo', ppInfo);

// 干膜信息
const dryFilmLitList = [
  {
    key: 'fullProdNo',
    dataIndex: 'fullProdNo',
    title: '生产型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    fixed: 'left',
    width: 130
  },
  {
    key: 'barcode',
    title: '物料批次'
  },
  {
    key: 'matNo',
    title: '物料型号'
  },
  {
    key: 'matName',
    title: '物料名称'
  },
  {
    key: 'prodDate',
    title: '生产时间',
    customRender: ({ record }) => {
      if (record.prodDate) {
        return dayjs(record.prodDate).format('YYYY-MM-DD');
      }
      return '';
    }
  },
  {
    key: 'expiryDate',
    title: '失效时间',
    customRender: ({ record }) => {
      if (record.expiryDate) {
        return dayjs(record.expiryDate).format('YYYY-MM-DD');
      }
      return '';
    }
  },
  {
    key: 'batchNo',
    title: '供应商批次'
  },
  {
    key: 'deliveryOrder',
    title: '送货单号'
  },
  {
    key: 'supplierNo',
    title: '供应商编码'
  },
  {
    key: 'splOrderNo',
    title: '采购编号'
  },
  {
    key: 'specifications',
    title: '规格'
  },
  {
    key: 'length',
    title: '长度'
  },
  {
    key: 'width',
    title: '宽度'
  },
  {
    key: 'modelNum',
    title: '型号'
  },

  {
    key: 'createUser',
    title: '创建人'
  },
  {
    key: 'createTime',
    title: '创建时间',
    customRender: ({ record }) => {
      if (record.createTime) {
        return dayjs(record.createTime).format('YYYY-MM-DD HH:mm:ss');
      }
      return '';
    }
  }
];

const [dryFilmLitInfo, resetDryFilmLitInfo] = useResetTableRef({
  // id: '99a4f405a092a1c5f2b2fe76bd033738',
  // fullProdNo: 'HP4953007A0',
  // prodId: 2408261045490000,
  // lotId: 2409160830291002,
  // lotNo: '1240916008003',
  // matNo: 'BBGM00724006001',
  // matName: '干膜',
  // prodDate: '2024-06-06 00:00:00',
  // expiryDate: '2026-06-05 00:00:00',
  // batchNo: 'S32406006',
  // deliveryOrder: '4500028689',
  // supplierNo: 'JBDZ01',
  // barcode: 2409211821391047,
  // splOrderNo: 4500028689,
  // qty: 5,
  // createUser: '李晓红',
  // createTime: '2024-09-26 17:25:02',
  // lmUser: null,
  // lmTime: null,
  // deleted: 0,
  // modelNum: 'HL-1140',
  // length: '600.0000',
  // width: '24.0000',
  // thickness: '1.5',
  // remarks: null,
  // specifications: 'HL-1140 24"* 600\' 1.5mil'
});

// 油墨信息
const inkList = [
  {
    key: 'fullProdNo',
    dataIndex: 'fullProdNo',
    title: '生产型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 130
  },
  {
    key: 'barcode',
    dataIndex: 'barcode',
    title: '物料批次',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 160
  },
  {
    key: 'matNo',
    dataIndex: 'matNo',
    title: '物料型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 280
  },
  {
    key: 'matName',
    dataIndex: 'matName',
    title: '物料名称',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },
  {
    key: 'prodDate',
    dataIndex: 'prodDate',
    title: '生产时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 160,
    customRender: ({ record }) => {
      return dayjs(record.prodDate).format('YYYY-MM-DD');
    }
  },
  {
    key: 'expiryDate',
    dataIndex: 'expiryDate',
    title: '失效时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 160,
    customRender: ({ record }) => {
      return dayjs(record.expiryDate).format('YYYY-MM-DD');
    }
  },
  {
    key: 'batchNo',
    dataIndex: 'batchNo',
    title: '供应商批次',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 150
  },
  {
    key: 'deliveryOrder',
    dataIndex: 'deliveryOrder',
    title: '送货单号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 150
  },
  {
    key: 'supplierNo',
    dataIndex: 'supplierNo',
    title: '供应商编码',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'splOrderNo',
    dataIndex: 'splOrderNo',
    title: '采购编号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 150
  },
  {
    key: 'specifications',
    dataIndex: 'specifications',
    title: '规格',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 340
  },
  {
    key: 'modelNum',
    dataIndex: 'modelNum',
    title: '型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },

  {
    key: 'sequenceNo',
    dataIndex: 'sequenceNo',
    title: '序列',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },
  {
    key: 'useTo',
    dataIndex: 'useTo',
    title: '用途',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },
  {
    key: 'colour',
    dataIndex: 'colour',
    title: '颜色',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },
  {
    key: 'halogen',
    dataIndex: 'halogen',
    title: '有无卤素',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'createUser',
    dataIndex: 'createUser',
    title: '创建人',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 120
  },
  {
    key: 'createTime',
    dataIndex: 'createTime',
    title: '创建时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180,
    customRender: ({ record }) => {
      return dayjs(record.createTime).format('YYYY-MM-DD HH:mm:ss');
    }
  }
];

const [inkInfo, resetInkInfo] = useResetTableRef({
  // id: '1865136298832867329',
  // prodId: 2407031521120000,
  // fullProdNo: 'HP4235602A0',
  // lotId: 2412011030191003,
  // lotNo: '1241201047004',
  // matNo: 'AAZHY08GMO800000Y05',
  // matName: '液态感光阻焊油墨',
  // prodDate: '2024-11-10 00:00:00',
  // expiryDate: '2025-05-09 00:00:00',
  // batchNo: '2411097',
  // deliveryOrder: null,
  // supplierNo: 'ZQCY01',
  // barcode: 2411151007401001,
  // splOrderNo: 4500070488,
  // createUser: '胡学明',
  // createTime: '2024-12-07 04:48:40',
  // lmUser: null,
  // lmTime: null,
  // deleted: 0,
  // modelNum: 'GM08',
  // sequenceNo: null,
  // halogen: null,
  // colour: '哑绿',
  // useTo: null,
  // remarks: null,
  // specifications: 'YSR-900 GM08 哑绿    5KG/桶 20KG/箱 '
});

// 铜箔信息
const copperTapeList = [
  {
    key: 'fullProdNo',
    dataIndex: 'fullProdNo',
    title: '生产型号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180
  },
  {
    key: 'lotNo',
    dataIndex: 'lotNo',
    title: 'Lot号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 160
  },
  {
    key: 'matNo',
    dataIndex: 'matNo',
    title: '物料编码',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 320
  },
  {
    key: 'matName',
    dataIndex: 'matName',
    title: '物料名称',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 110
  },
  {
    key: 'modelNum',
    dataIndex: 'modelNum',
    title: '类型',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },
  {
    key: 'thick',
    dataIndex: 'thick',
    title: '铜厚',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },

  {
    key: 'thick2',
    dataIndex: 'thick2',
    title: '厚度',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },
  {
    key: 'width',
    dataIndex: 'width',
    title: '宽度',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 130
  },

  {
    key: 'specifications',
    dataIndex: 'specifications',
    title: '规格',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 190
  },

  {
    key: 'prodDate',
    dataIndex: 'prodDate',
    title: '生产日期',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 110,
    customRender: ({ record }) => {
      return dayjs(record.prodDate).format('YYYY-MM-DD');
    }
  },
  {
    key: 'expiryDate',
    dataIndex: 'expiryDate',
    title: '失效日期',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 110,
    customRender: ({ record }) => {
      return dayjs(record.expiryDate).format('YYYY-MM-DD');
    }
  },

  {
    key: 'splOrderNo',
    dataIndex: 'splOrderNo',
    title: '采购单号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 160
  },
  {
    key: 'brand',
    dataIndex: 'brand',
    title: '供应商名称',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 170
  },
  {
    key: 'supplierNo',
    dataIndex: 'supplierNo',
    title: '供应商编码',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 140
  },
  {
    key: 'barcode',
    dataIndex: 'barcode',
    title: '物料批次',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 170
  },

  {
    key: 'deliveryOrder',
    dataIndex: 'deliveryOrder',
    title: '送货单号',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 160
  },

  {
    key: 'createUser',
    dataIndex: 'createUser',
    title: '创建人',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 100
  },
  {
    key: 'createTime',
    dataIndex: 'createTime',
    title: '创建时间',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 180,
    customRender: ({ record }) => {
      return dayjs(record.createTime).format('YYYY-MM-DD HH:mm:ss');
    }
  },
  {
    key: 'remarks',
    dataIndex: 'remarks',
    title: '备注',
    align: 'center',
    checked: true,
    ellipsis: true,
    width: 150
  }
];

const [copperTapeInfo, resetCopperTapeInfo] = useResetTableRef({});

// 请求地址
function getData(lotNo) {
  if (!lotNo) return;
  Promise.all([
    getMaterial(lotNo, 'cutting-sheet-materials-record'),
    getMaterial(lotNo, 'ppmaterial'),
    getMaterial(lotNo, 'dryfilm'),
    getMaterial(lotNo, 'ink'),
    getMaterial(lotNo, 'coppermaterial')
  ]).then(res => {
    res.forEach((item, index) => {
      if (!item.error) {
        if (index === 0) {
          boardInfo.value = item.data || {};
        }
        if (index === 1) {
          ppInfo.value = item.data || {};
        }
        if (index === 2) {
          dryFilmLitInfo.value = item.data || {};
        }
        if (index === 3) {
          inkInfo.value = item.data || {};
        }
        if (index === 4) {
          copperTapeInfo.value = item.data || {};
        }
      }
      isGetOk.value = true;
    });
  });
}

function reset() {
  isGetOk.value = false;
  resetBoardInfo();
  resetPpInfo();
  resetDryFilmLitInfo();
  resetInkInfo();
  resetCopperTapeInfo();
}

defineExpose({
  reset,
  getData
});
</script>

<template>
  <div class="materiel-info h-full">
    <ARow :gutter="[15, 15]" class="h-full w-full">
      <ACol :span="12" class="h-300px">
        <Materiel v-model:infoData="boardInfo" :info-list="boardList" title="板材使用信息">
          <template #icon>
            <svg
              t="1733477389141"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="13932"
              width="90"
              height="90"
            >
              <path
                d="M2.56 706.048l-2.048 59.904 493.568 183.808L1024 755.712v-49.664L494.08 890.88zM513.024 64L2.56 223.744v79.872L501.76 496.64l522.24-193.024V223.744z"
                fill="#646cff"
                p-id="13933"
              ></path>
              <path
                d="M2.56 591.872l-2.048 59.392 493.568 184.32L1024 641.536v-49.664L494.08 776.704z"
                fill="#646cff"
                p-id="13934"
              ></path>
              <path
                d="M2.56 479.744l-2.048 59.392 493.568 184.32L1024 529.408v-49.664L494.08 664.576z"
                fill="#646cff"
                p-id="13935"
              ></path>
              <path
                d="M2.56 367.616L0 427.008l494.08 184.32L1024 416.256v-48.64L494.08 551.424z"
                fill="#646cff"
                p-id="13936"
              ></path>
            </svg>
          </template>
        </Materiel>
      </ACol>

      <ACol :span="12" class="h-300px">
        <Materiel v-model:infoData="copperTapeInfo" :info-list="copperTapeList" title="铜箔使用信息">
          <template #icon>
            <svg
              t="1734318952923"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="14110"
              width="90"
              height="90"
            >
              <path
                d="M588.562585 0l12.171017 0.183713c222.247359 6.429971 400.495345 188.214441 400.495344 411.610009 0 227.437264-184.769813 411.747794-412.666361 411.747795l-8.129321-0.045929-1.745278 0.045929h-24.70946c-4.546908 1.377851-9.82867 2.663845-16.120856 3.995767-53.001333 11.298378-109.217652 38.533898-165.4799 86.758682-45.79058 39.222824-70.316327 71.64825-79.823499 91.764874l-0.367427 0.82671a29.945294 29.945294 0 0 1-48.31664 8.772318l-6.246258-5.878831a286.730784 286.730784 0 0 0-59.936516-39.682107 296.880953 296.880953 0 0 0-10.885023-5.235834 414.733138 414.733138 0 0 0-69.12219-24.15832l-12.722157-3.031272a29.945294 29.945294 0 0 1-18.830629-46.020222c13.227369-19.65734 39.222824-47.48993 79.318286-74.909164a398.015213 398.015213 0 0 1 92.316014-46.709147c7.670037-2.709774 15.707501-5.189905 24.15832-7.348538C118.39391 697.651867 27.547604 582.325742 22.954767 424.378095l-0.183713-12.630301c0-270.058787 218.619018-411.793722 565.791531-411.793722zM401.128926 806.685806l-15.248217 0.275571c-10.471667 0.321499-20.805549 0.872639-30.955718 1.607492-38.258328 2.80163-71.234894 8.726389-97.230349 17.912063a338.26241 338.26241 0 0 0-78.445648 39.636179 309.87868 309.87868 0 0 0-31.690572 24.801317l-1.791206 1.607493 14.008151 4.822478c5.419547 1.97492 10.793166 4.087625 16.120856 6.246258l15.799358 6.843326 13.089584 6.292187c19.886982 10.10424 36.972334 20.805549 51.301984 31.231288l1.377851 0.964496 4.960263-6.705542c14.60522-19.289913 34.584059-41.059958 60.855084-64.529353l10.104241-8.864174c27.465162-23.515323 55.114038-42.71338 82.762914-58.099382l1.515636-0.872639a776.924226 776.924226 0 0 1-16.534212-3.169058z m187.38773-746.795218c-194.828125 0-352.775773 157.534293-352.775773 351.903134 0 160.289995 107.472375 295.594958 254.489072 338.032768l12.446587 0.964496c10.196097 0.872639 18.922486 1.745278 25.765813 2.480132l17.820205 2.25049 8.358963 1.699349a44.642371 44.642371 0 0 1 13.594796 5.603261l0.367427 0.321498c6.613685 0.367427 13.273298 0.55114 19.978839 0.551141 194.828125 0 352.775773-157.534293 352.775773-351.903135 0-194.368842-157.947648-351.903134-352.775773-351.903134z m-267.394942 38.304257l-1.240066 0.413355C167.537261 151.288035 82.661642 257.015132 82.661642 411.793722c0 146.603342 88.366175 252.606009 231.984173 308.041546a410.4618 410.4618 0 0 1-138.749592-308.041546 410.507728 410.507728 0 0 1 145.225491-313.598877z m267.440871 169.10824a144.628422 144.628422 0 0 1 144.720279 144.490637 144.628422 144.628422 0 0 1-144.720279 144.490637 144.628422 144.628422 0 0 1-144.766207-144.490637 144.628422 144.628422 0 0 1 144.766207-144.490637z m0 59.84466a84.737834 84.737834 0 0 0-84.921547 84.645977c0 46.709147 37.982758 84.600049 84.921547 84.600049a84.737834 84.737834 0 0 0 84.875619-84.600049 84.737834 84.737834 0 0 0-84.875619-84.645977z"
                p-id="14111"
                fill="#646cff"
              ></path>
            </svg>
          </template>
        </Materiel>
      </ACol>

      <ACol :span="12" class="h-300px">
        <Materiel
          v-model:infoData="ppInfo"
          :info-list="ppList"
          title-color="#08979c"
          left-background-color="#e6fffb"
          right-background-color="#f5f5f5"
          title="PP使用信息"
        >
          <template #icon>
            <svg
              t="1733541200252"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="24420"
              width="90"
              height="90"
            >
              <path
                d="M682.666667 85.333333l213.333333 213.333334v597.674666a42.368 42.368 0 0 1-42.368 42.325334H170.368A42.666667 42.666667 0 0 1 128 896.341333V127.658667C128 104.277333 146.986667 85.333333 170.368 85.333333H682.666667zM341.333333 341.333333v341.333334h85.333334v-85.333334h256V341.333333H341.333333z m85.333334 85.333334h170.666666v85.333333h-170.666666v-85.333333z"
                fill="#08979c"
                p-id="24421"
              ></path>
            </svg>
          </template>
        </Materiel>
      </ACol>
      <ACol :span="12" class="h-300px">
        <Materiel
          v-model:infoData="dryFilmLitInfo"
          :info-list="dryFilmLitList"
          title="干膜使用信息"
          title-color="#08979c"
          left-background-color="#e6fffb"
          right-background-color="#f5f5f5"
        >
          <template #icon>
            <svg
              t="1733543371645"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="6568"
              width="90"
              height="90"
            >
              <path
                d="M968.704 548.864c-2.048 0-2.048 0 0 0-2.048 0-2.048 0 0 0l-71.68-40.96c2.048-10.24 2.048-20.48 2.048-28.672 0-34.816-12.288-61.44-34.816-75.776L489.472 186.368c-4.096-2.048-10.24-2.048-14.336 4.096-2.048 4.096-2.048 10.24 4.096 14.336l335.872 194.56c-43.008 10.24-79.872 45.056-102.4 81.92-30.72 47.104-40.96 98.304-38.912 131.072 0 8.192 2.048 14.336 4.096 22.528L180.224 344.064l-12.288-6.144C153.6 327.68 143.36 307.2 143.36 278.528c0-61.44 43.008-139.264 98.304-169.984 24.576-12.288 47.104-16.384 63.488-6.144L368.64 139.264c4.096 2.048 10.24 2.048 14.336-4.096 2.048-4.096 2.048-10.24-4.096-14.336l-63.488-36.864c-22.528-14.336-53.248-10.24-83.968 6.144-61.44 36.864-108.544 118.784-108.544 188.416 0 30.72 10.24 53.248 26.624 67.584-6.144 2.048-14.336 6.144-20.48 10.24-61.44 34.816-108.544 120.832-108.544 188.416 0 34.816 12.288 61.44 34.816 75.776 4.096 2.048 546.816 317.44 548.864 319.488 26.624 14.336 57.344 8.192 83.968-8.192 43.008-24.576 79.872-75.776 96.256-126.976l24.576 14.336c26.624 16.384 57.344 8.192 83.968-6.144 59.392-34.816 108.544-118.784 108.544-188.416 2.048-34.816-10.24-61.44-32.768-75.776z m-53.248-4.096c-8.192 2.048-22.528 8.192-34.816 14.336 0-2.048 4.096-10.24 10.24-28.672l24.576 14.336c2.048 0 0 0 0 0zM770.048 675.84c8.192-2.048 14.336-6.144 22.528-12.288-4.096 8.192-8.192 18.432-10.24 28.672-2.048-6.144-6.144-12.288-12.288-16.384z m108.544-196.608c0 40.96-18.432 86.016-45.056 120.832-14.336 18.432-30.72 36.864-53.248 49.152-43.008 24.576-81.92 14.336-88.064-40.96-4.096-26.624 4.096-69.632 34.816-118.784 53.248-81.92 151.552-108.544 151.552-10.24z m-813.056 122.88C49.152 593.92 40.96 573.44 40.96 544.768c0-61.44 43.008-139.264 98.304-169.984 12.288-6.144 22.528-10.24 34.816-12.288L696.32 667.648h-2.048c-30.72 12.288-65.536 40.96-94.208 90.112-12.288 20.48-22.528 51.2-26.624 63.488-6.144 20.48-6.144 47.104-2.048 69.632 0 2.048 0 4.096 2.048 6.144-2.048 0-481.28-278.528-507.904-294.912z m612.352 311.296c-69.632 40.96-102.4-16.384-81.92-94.208 6.144-20.48 12.288-36.864 22.528-53.248 18.432-30.72 40.96-57.344 71.68-73.728 12.288-6.144 24.576-12.288 38.912-12.288 49.152-2.048 55.296 57.344 43.008 102.4-14.336 55.296-51.2 106.496-94.208 131.072z m206.848-118.784c-24.576 14.336-47.104 16.384-63.488 6.144-14.336-8.192-22.528-28.672-22.528-47.104-2.048-10.24 0-26.624 4.096-47.104 4.096-16.384 10.24-32.768 18.432-49.152 16.384-32.768 43.008-65.536 75.776-83.968 49.152-28.672 88.064-8.192 88.064 51.2-2.048 63.488-45.056 139.264-100.352 169.984z"
                p-id="6569"
                fill="#08979c"
              ></path>
              <path
                d="M901.12 587.776c-102.4 59.392-126.976 253.952-24.576 194.56 24.576-14.336 47.104-38.912 63.488-69.632v-2.048c16.384-28.672 24.576-57.344 24.576-86.016 4.096-47.104-22.528-59.392-63.488-36.864z m-34.816 176.128c-26.624 16.384-34.816 8.192-34.816-20.48 0-22.528 8.192-49.152 20.48-71.68l65.536 38.912c-12.288 22.528-30.72 43.008-51.2 53.248z m63.488-71.68L864.256 655.36c14.336-20.48 30.72-38.912 49.152-49.152 26.624-16.384 34.816-8.192 34.816 20.48 0 20.48-8.192 43.008-18.432 65.536zM761.856 745.472c0-43.008-22.528-49.152-32.768-49.152-6.144 0-18.432 2.048-32.768 10.24-49.152 28.672-90.112 100.352-90.112 155.648 0 43.008 22.528 49.152 32.768 49.152 6.144 0 18.432-2.048 34.816-10.24 47.104-28.672 88.064-100.352 88.064-155.648z m-57.344-20.48c12.288-6.144 20.48-8.192 22.528-8.192 10.24 0 12.288 18.432 12.288 28.672 0 20.48-6.144 45.056-18.432 67.584L655.36 774.144c14.336-20.48 32.768-38.912 49.152-49.152z m-45.056 157.696c-26.624 16.384-34.816 8.192-34.816-20.48 0-22.528 8.192-49.152 20.48-71.68l65.536 38.912c-12.288 22.528-30.72 43.008-51.2 53.248zM831.488 430.08c-10.24 0-20.48 4.096-34.816 10.24-22.528 14.336-45.056 36.864-61.44 65.536-20.48 32.768-28.672 65.536-28.672 92.16 0 43.008 22.528 47.104 32.768 47.104 6.144 0 18.432-2.048 32.768-10.24 26.624-14.336 51.2-45.056 65.536-69.632 16.384-28.672 24.576-59.392 24.576-86.016 2.048-30.72-10.24-49.152-30.72-49.152z m-67.584 188.416c-12.288 6.144-20.48 8.192-24.576 8.192-10.24 0-12.288-18.432-12.288-28.672 0-24.576 8.192-51.2 20.48-71.68l65.536 38.912c-12.288 20.48-28.672 40.96-49.152 53.248z m61.44-71.68l-65.536-38.912c14.336-20.48 30.72-38.912 49.152-49.152 12.288-6.144 18.432-8.192 24.576-8.192 10.24 0 12.288 20.48 12.288 28.672-2.048 20.48-8.192 45.056-20.48 67.584zM409.6 139.264c-4.096-2.048-10.24-2.048-14.336 4.096-2.048 4.096-2.048 10.24 4.096 14.336l38.912 22.528c2.048 0 4.096 2.048 6.144 2.048 4.096 0 6.144-2.048 8.192-4.096 2.048-4.096 2.048-10.24-4.096-14.336L409.6 139.264z"
                p-id="6570"
                fill="#08979c"
              ></path>
            </svg>
          </template>
        </Materiel>
      </ACol>
      <ACol :span="12" class="h-300px">
        <Materiel v-model:infoData="inkInfo" :info-list="inkList" title="油墨使用信息">
          <template #icon>
            <svg
              t="1733543750789"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="6804"
              width="90"
              height="90"
            >
              <path
                d="M915.2 224c-6.4-19.2-64-166.4-396.8-166.4C172.8 57.6 121.6 217.6 121.6 224V787.2c0 19.2 6.4 38.4 19.2 51.2 25.6 38.4 128 121.6 377.6 121.6 256 0 352-89.6 384-128 12.8-12.8 12.8-32 12.8-44.8V230.4v-6.4zM192 787.2V326.4c19.2 12.8 38.4 25.6 64 38.4V512c0 19.2 19.2 38.4 38.4 38.4s38.4-19.2 38.4-38.4V384c12.8 0 32 6.4 44.8 6.4H384v256c0 19.2 19.2 38.4 38.4 38.4s38.4-19.2 38.4-38.4V403.2h57.6c166.4 6.4 268.8-38.4 326.4-83.2v460.8c-19.2 25.6-89.6 96-320 96-230.4 6.4-313.6-64-332.8-89.6z m326.4-454.4c-217.6 0-294.4-70.4-320-102.4 19.2-32 96-102.4 320-102.4s294.4 70.4 320 102.4c-25.6 25.6-108.8 102.4-320 102.4z"
                fill="#646cff"
                p-id="6805"
              ></path>
            </svg>
          </template>
        </Materiel>
      </ACol>
    </ARow>
  </div>
</template>

<style scoped lang="scss">
.materiel-info {
  padding-top: 10px;
  padding-bottom: 30px;
  height: 100%;
  overflow-y: auto;
}
</style>
